// 侧边
$sidebar-checked: #929a9e;
$sidebar-bg: #f1f1f1;

$fff: #ffffff;

$box_shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

:root {
  // 主题色
  --primary: #010101;
  --primary-plain: #f1f1f1;
  // 文字
  --primary-text-label: #898989;
  --primary-text-value: #353535;
  // 按钮颜色
  --primary-btn-bg: var(--primary);
  --primary-btn-border: 1px solid var(--primary);
  // 线
  --primary-line: #d9d9d9;
  --primary-border-line: 1px solid var(--primary-line);
  --primary-plain-dashed-line: 1px dashed var(--primary-line);
  --primary-plain-line: 1px solid #f0f0f0;

  // 页面背景
  --box-bg: #f9f9f9;
  // 禁用
  --disabled-bg: var(--primary-plain);
  --disabled-border: 1px solid var(--primary-plain);
  // 宽度
  --max-width: 500px;
  --modal-max-width: 480px;
  --width: 100%;
  // 占位符
  --placeholder-color: rgb(192, 196, 204);
  // 状态
  --success: #67c23a;
  --success-plain: #f0f9eb;
  --error: #f56c6c;
  --error-plain: #fef0f0;
  --warning: #e6a23c;
  --warning-plain: #fdf6ec;
  // 半透明
  --transparency: rgba(0, 0, 0, 0.5);
}
$error-plain: #fef0f0;
// 蓝色主题
[data-theme="blue-theme"] {
  height: 100vh;
  --primary: #3a75c5;
  --primary-plain: #ecf5ff;
}

// 玉红主题
[data-theme="jade-primary"] {
  height: 100vh;
  --primary: #c04851;
  --primary-plain: rgba(192, 72, 81, 0.2);
}

// 玉红主题
[data-theme="orange-primary"] {
  height: 100vh;
  --primary: #ff7052;
  --primary-plain: #fef0f0;
}

// 默认主题
[data-theme="default-primary"] {
  height: 100vh;
  --primary: #303133;
  --primary-plain: #f1f1f1;
  --error-plain: var(--primary);
  --error: var(--primary);
  --warning: var(--primary);
  --warning-plain: var(--primary);
  --success: var(--primary);
  --success-plain: var(--primary);
}
